/* pay.html */
.pay-sum {
    height: 3.125rem;
    font-size: 0.8125rem;
    margin: 0.8125rem 0;
    padding: 0 0.9375rem;
}

.pay-content {
    padding: 0 0.9375rem;
    font-size: 0.875rem;
}

.pay-content .title {
    line-height: 3.125rem;
}

.pay-list {
    border-radius: 0.625rem;
    background-color: var(--cl);
    font-size: 0.8125rem;
}

.pay-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.pay-list li .center {
    flex: 1;
    margin: 0 0.625rem;
}

.pay-list .flex-center {
    width: 1.3125rem;
    height: 1.3125rem;
}

.pay-list li .check {
    width: 1.1875rem;
}

.pay-list label {
    display: flex;
    height: 3.625rem;
    align-items: center;
}

.pay-footer {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
}

.pay-agree {
    height: 2.5rem;
    display: flex;
    align-items: center;
}

.pay-agree label {
    display: flex;
    align-items: center;
}

.pay-agree img {
    width: 1.25rem;
    margin-right: .3rem;
}

.pay-agree p {
    color: var(--rd);
}

.pay-btn {
    height: 3.0625rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pay-btn p {
    width: 5rem;
    height: 1.875rem;
    background-color: var(--bc);
    border-radius: 1.5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--cl);
    margin-left: .5rem;
}

.pay-btn .cancel {
    background-color: transparent;
    border: 1px solid var(--cc);
    color: var(--c9);
}

/* agreement.html */
.agreement-news {
    padding: 0 0.9375rem 3.75rem;
    font-size: 1rem;
}

.agreement-news .title {
    line-height: 3.75rem;
    text-align: center;
}

.agreement-news .content {
    font-size: 0.8125rem;
}

.agreement-footer {
    height: 3.0625rem;
    font-size: 0.875rem;
    padding: 0 1.25rem;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.agreement-footer .flex-center {
    width: 10rem;
    height: 2.25rem;
    border-radius: 1.5rem;
    background-color: var(--bc);
    color: var(--cl);
}

.agreement-footer .cancel {
    background-color: transparent;
    border: 1px solid var(--cc);
    color: var(--c9);
}

/* earnings.html */
.earnings-container {
    position: relative;
}

.earnings-container > img {
    width: 100%;
}

.earnings-content {
    position: absolute;
    top: 0;
    width: 100%;
}

.earnings-hd {
    height: 2.75rem;
    font-size: 1rem;
    color: var(--cl);
}

.earnings-hd i {
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    left: 0;
}

.earnings-news {
    padding: 1.875rem 0.9375rem;
    color: var(--cl);
    font-size: 0.75rem;
}

.earnings-news .num {
    font-size: 1.875rem;
}

.earnings-news .flex-center {
    width: 4.375rem;
    height: 1.875rem;
    border-radius: 1.4rem;
    font-size: 0.875rem;
    color: var(--bc1);
}

.earnings-rec {
    border-radius: 0.375rem;
    margin: 0 0.9375rem;
    font-size: 1rem;
}

.earnings-rec .title {
    line-height: 3.25rem;
    font-weight: 700;
    padding: 0 0.9375rem;
}

.earnings-nav {
    display: flex;
    color: var(--c9);
    align-items: center;
    font-size: 0.875rem;
}

.earnings-nav li {
    flex: 1;
    height: 1.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.earnings-nav .active {
    color: var(--c3);
}

.earnings-list {
    padding: 0 0.9375rem;
}

.earnings-list li {
    padding: 0.3125rem 0;
}

.earnings-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.earnings-list .flex-layout {
    height: 2.5rem;
    font-size: 0.75rem;
    color: var(--c9);
}

.earnings-list .flex-layout span {
    font-size: 0.875rem;
    color: var(--bc);
}

.earnings-list .flex-layout .rd {
    font-size: 0.875rem;
    color: var(--rd);
}

.earnings-list li > div {
    display: flex;
}

.earnings-list .flex-center {
    width: 2.5rem;
    height: 2.5rem;
    margin-right: .5rem;
    border-radius: 50%;
    overflow: hidden;
}

.earnings-list .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.earnings-list .rgt .btm {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.earnings-list .rgt .btm span {
    font-size: 0.75rem;
    color: var(--c9);
}

.wallet-list {
    padding: 1.5625rem 0;
    font-size: 0.75rem;
    color: var(--cl);
}

.wallet-nav {
    display: flex;
    padding: 0.3125rem 0;
    flex-wrap: wrap;
}

.wallet-nav li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.wallet-nav .num {
    font-size: 2rem;
}

.wallet-navs .num {
    font-size: 1.25rem;
}

/* login.html */
.login-container {
    position: relative;
}

.login-container > img {
    width: 100%;
}

.login-content {
    position: absolute;
    top: 25%;
    width: calc(100% - 1.875rem);
    left: 0.9375rem;
    font-size: 1.5rem;
}

.login-list {
    font-size: 0.8125rem;
    padding-top: 1.25rem;
}

.login-list li {
    margin-top: 2.0625rem;
    border-bottom: 1px solid var(--ce);
}

.login-list li p {
    font-weight: 700;
}

.login-list li div {
    display: flex;
    align-items: center;
    height: 2.5rem;
}

.login-list li input {
    height: 100%;
    flex: 1;
    font-size: 0.9375rem;
}

.forget-psd {
    height: 3rem;
    font-size: 0.8125rem;
    color: var(--c6);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.login-agr, .login-number {
    font-size: 0.8125rem;
    color: var(--c9);
}

.login-agr span {
    color: var(--og);
}

.login-number {
    padding-bottom: 1rem;
}

.login-number a {
    color: var(--bc);
}

.save {
    /*margin: 0.8125rem 0;*/
    /*width: 100%;*/
}

.login-hint {
    font-size: 0.625rem;
    color: var(--c6);
    position: fixed;
    bottom: 10vh;
    width: 100%;
}

.login-hint p {
    color: var(--bc);
}

/* register.html */
.register-agr {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    color: var(--c9);
    padding: 2rem 1rem 4rem;
}

.register-agr img {
    width: 0.8125rem;
    margin-right: 0.625rem;
}

.register-agr span {
    color: var(--bc);
}

/* wxAuthorization.html */
.authorization-new {
    flex-direction: column;
    padding: 3.75rem 0 1.875rem;
    font-size: 1.125rem;
}

.authorization-new .flex-center {
    width: 3.75rem;
    height: 3.75rem;
    margin-bottom: 0.625rem;
}

.authorization-hint {
    margin: 0 0.9375rem;
    padding: 1.5625rem 0;
    border-top: 1px solid var(--ce);
    font-size: 0.875rem;
}

.authorization-hint p {
    line-height: 1.875rem;
}

.authorization-hint p:last-child {
    color: var(--c9);
}

.authorization-save {
    padding: 0.9375rem;
}

.authorization-save .save {
    height: 2.5rem;
    border-radius: 0.25rem;
}

.authorization-save .cancel {
    background-color: transparent;
    color: var(--c9);
    border: 1px solid var(--cc);
}

/* index.html */
.index-container {
    position: relative;
}

.index-content {
    position: absolute;
    top: 0;
    padding-bottom: 3.125rem;
    width: 100%;
}

.index-search {
    margin: 0.625rem 0.9375rem;
    background-color: var(--cl);
    height: 1.875rem;
    display: flex;
    align-items: center;
    border-radius: 1rem;
}

.index-search img {
    width: 0.875rem;
    margin: 0 0.625rem;
}

.index-search input {
    flex: 1;
    height: 100%;
    font-size: 0.75rem;
}

.index-swiepr {
    margin: 0.625rem 0.9375rem;
}

.index-swiepr .swiper {
    height: 9.375rem;
}

.swiper-pagination-bullet-active {
    background-color: var(--cl);
}

.index-nav {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.6875rem;
    width: 100%;
    height: 100%;
}

.index-nav li {
    width: 25%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 0.625rem 0;
}

.index-nav a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index-nav li .flex-center {
    width: 2.75rem;
    height: 2.75rem;
}

.index-notice {
    margin: 0.625rem 0.9375rem;
    background-color: var(--bc2);
    height: 1.875rem;
    border-radius: 1rem;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
}

.index-notice .title {
    font-size: 1rem;
    display: flex;
    align-items: center;
    padding: 0 0.625rem;
}

.index-notice .title span {
    color: var(--bc);
}

.swiper-nav {
    flex: 1;
    height: 1.875rem;
}

.swiper-nav .swiper-slide {
    width: 100%;
    line-height: 1.875rem;
}

.index-notice .more {
    color: var(--bc);
    font-size: 0.75rem;
    margin: 0 0.625rem;
}

.index-imgs {
    margin: 0 0.9375rem;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.index-imgs li {
    margin-top: 1.25rem;
}

.index-imgs li:not(:last-child) {
    width: 10.4375rem;
}

.index-imgs li a {
    width: 100%;
    position: relative;
}

.index-imgs div {
    position: absolute;
    font-size: 1rem;
    top: 50%;
    left: 0.9375rem;
    transform: translateY(-50%);
}

.index-imgs div .desc {
    font-size: 0.6875rem;
    color: var(--c9);
}

.index-region {
    padding: 0.9375rem;
    display: flex;
    justify-content: space-between;
}

.index-region .rgt {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.index-region li {
    width: 10.4375rem;
}

.index-region a {
    position: relative;
}

.index-region div {
    position: absolute;
    font-size: 0.9375rem;
    left: 0.9375rem;
    top: 0.8125rem;
    width: 65%;
}

.index-region .desc {
    font-size: 0.6875rem;
    color: var(--c9);
}

.index-region .go {
    width: 2.9375rem;
    height: 1.25rem;
    border-radius: 1rem;
    background-color: var(--bc);
    color: var(--cl);
    font-size: 0.8125rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.index-title {
    font-size: 1rem;
    padding: 0 0.9375rem;
    line-height: 2.625rem;
}

.index-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0.9375rem;
    font-size: 0.8125rem;
    justify-content: space-between;
}

.index-list li {
    background-color: var(--cl);
    border-radius: 0.625rem;
    width: 10.4375rem;
    margin-bottom: 0.6875rem;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
}

.index-list .flex-center {
    width: 10.4375rem;
    height: 10.4375rem;
    border-radius: 0.625rem 0.625rem 0 0;
    overflow: hidden;
}

.index-list li div {
    padding: 0.6875rem;
}

.index-list .multi {
    height: 2.25rem;
}

.index-list .price {
    font-size: 0.6875rem;
    color: var(--c9);
}

.index-list .price span {
    color: var(--rd);
    font-size: 0.875rem;
}

/* search.html */
.pro-list-search {
    height: 2.75rem;
    display: flex;
    align-items: center;
    padding-right: 0.9375rem;
    font-size: 0.875rem;
}

.pro-list-search i {
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.pro-list-search .rgt {
    height: 1.9375rem;
    background-color: var(--f5);
    border-radius: 1rem;
    flex: 1;
    display: flex;
    align-items: center;
}

.pro-list-search .rgt img {
    width: 0.9375rem;
    margin: 0 .5rem;
}

.pro-list-search .rgt input {
    flex: 1;
    height: 100%;
}

.pro-list-search .rgt .flex-center {
    width: 3.25rem;
    height: 1.5625rem;
    border-radius: 1rem;
    background-color: var(--bc);
    color: var(--cl);
}

.search-history {
    height: 2.5rem;
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
    font-weight: 700;
}

.search-history img {
    width: 0.875rem;
}

.search-list {
    padding: 0.9375rem;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8125rem;
    color: var(--c6);
}

.search-list .only {
    min-width: 3.0625rem;
    height: 1.5rem;
    border-radius: 0.25rem;
    background-color: var(--f5);
    margin-bottom: .5rem;
    margin-right: .5rem;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 .2rem;
}

.search-hot {
    display: flex;
    align-items: center;
}

.search-hot img {
    margin-right: .5rem;
}

/* proList.html */
.pro-list-nav {
    background-color: var(--cl);
    font-size: 0.875rem;
    color: var(--c9);
    display: flex;
}

.pro-list-nav li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pro-list-nav div {
    display: flex;
    align-items: center;
    height: 2.3125rem;
}

.pro-list-nav div .flex-center {
    width: 0.5rem;
    margin-left: .2rem;
}

.pro-list-nav li > p {
    width: 0.9375rem;
    height: 0.1875rem;
    border-radius: .5rem;
    background-color: transparent;
}

.pro-list-nav .active {
    color: var(--bc);
}

.pro-list-nav .active > p {
    background-color: var(--bc);
}

.pro-list {
    padding: 0.625rem 0.9375rem;
    font-size: 0.9375rem;
}

.pro-list li {
    margin-bottom: 0.625rem;
}

.pro-list li a {
    display: flex;
}

.pro-list .flex-center {
    width: 5.625rem;
    height: 5.625rem;
    margin-right: .5rem;
}

.pro-list .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.625rem 0;
}

.pro-list .price {
    color: var(--rd);
    font-size: 0.75rem;
}

.pro-list .price span {
    font-size: 0.875rem;
}

/* cart.html */
.cart-list {
    padding: 0.9375rem 0.9375rem 6.5625rem;
    font-size: 0.9375rem;
    margin-bottom: 0.625rem;
}

.cart-list li {
    border-radius: .5rem;
    padding: 0.9375rem;
    display: flex;
    align-items: center;
}

.cart-list label img {
    width: 1.25rem;
    margin-right: 0.625rem;
}

.cart-list .bgc .flex-center img {

    border-radius: 5px;
}

.cart-list .flex-center {
    width: 5.625rem;
    height: 5.625rem;
    margin-right: 0.625rem;
}

.cart-list .rgt {
    height: 5.625rem;
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.cart-list .flex-layout {
    font-size: 0.875rem;
}

.cart-list .price {
    color: var(--rd);
    display: flex;
    align-items: baseline;
}

.cart-list .price span {
    font-size: 0.75rem;
}

.cart-list .stepper {
    border-radius: 1rem;
    height: 1.5rem;
    display: flex;
    align-items: center;
    border: 1px solid var(--cc);
}

.cart-list .stepper p {
    width: 1.5rem;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.cart-list .stepper input {
    width: 2.5rem;
    text-align: center;
    height: 1.5rem;
    border-left: 1px solid var(--cc);
    border-right: 1px solid var(--cc);
}

.cart-checked {
    height: 3.6875rem;
    padding: 0 0.9375rem;
    font-size: 1rem;
    position: fixed;
    bottom: 3.125rem;
    width: 100%;
}

.cart-list .bgc .label {
    margin-right: .3rem;
}

.cart-list .priced {
    color: var(--rd);
}

.cart-checked .left {
    font-size: 0.75rem;
    display: flex;
    align-items: center;
}

.cart-checked .left div {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
    margin-left: .5rem;
}

.cart-checked .left p {
    color: var(--rd);
    display: flex;
    align-items: baseline;
    font-size: 0.75rem;
}

.cart-checked .left span {
    font-size: 1.125rem;
}

.cart-checked .flex-center {
    width: 6.5rem;
    height: 2.5rem;
    background-color: var(--bc);
    color: var(--cl);
    border-radius: 1.5rem;
}

.cart-checked label img {
    width: 1.0625rem;
    margin-right: .3rem;
}

.cart-footer {
    background-color: var(--cl);
    height: 3.0625rem;
    padding: 0 0.9375rem;
    position: fixed;
    bottom: 3.125rem;
    border-bottom: 1px solid var(--ce);
    width: 100%;
    z-index: 1;
}

.cart-footer img {
    width: 1.1875rem;
    margin-right: .2rem;
    margin-right: .3rem;
}

.cart-footer .left {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.cart-footer .sum {
    font-size: 0.75rem;
    color: var(--c9);
    margin-left: 1rem;
}


.cart-footer .sum span {
    color: var(--rd);
    font-size: 0.9375rem;
}

.cart-footer .sum .freight {
    color: var(--c3);
    font-size: 0.75rem;
}

.cart-footer .rgt {
    width: 6.125rem;
    height: 2.125rem;
    font-size: 0.875rem;
    color: var(--cl);
    padding: 0 0.25rem 0 0.9375rem;
    border-radius: 1.2rem;
    background: var(--bc);
}

.cart-footer .rgt span {
    width: 1.625rem;
    height: 1.625rem;
    border-radius: 50%;
    background-color: var(--bc2);
    color: var(--bc);
}


/* profile.html */
.profile-news {
    padding: 0.9375rem;
    display: flex;
    font-size: 0.875rem;
    color: var(--c9);
}

.profile-news .flex-center {
    width: 3.375rem;
    height: 3.375rem;
    border-radius: 50%;
    margin-right: .5rem;
    overflow: hidden;
}

.profile-news div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.profile-news .name {
    font-size: 1.1rem;
    display: flex;
    align-items: center;
}

.profile-news .name span {
    height: 1rem;
    font-size: 0.625rem;
    color: var(--cl);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bc);
    border-radius: 1rem;
    padding: 0 .3rem;
    margin-left: .5rem;
}

.profile-nav {
    display: flex;
    padding: 1.25rem 0;
    font-size: 0.75rem;
    color: var(--c9);
}

.profile-nav li {
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile-nav .num {
    font-size: 1.25rem;
    color: var(--c3);
}

.profile-img {
    position: relative;
}

.profile-img .flex-layout {
    font-size: 0.75rem;
    color: var(--cl);
    position: absolute;
    width: 84%;
    top: 20%;
    left: 8%;
}

.profile-img .name {
    font-size: 1.125rem;
}

.profile-img .flex-center {
    width: 5rem;
    height: 1.875rem;
    color: var(--bc1);
    border-radius: 1rem;
}

.profile-order {
    border-radius: .5rem;
    margin: 0 0.9375rem .625rem;
    font-size: 1rem;
}

.profile-order .flex-layout {
    height: 3.125rem;
    padding: 0 0.9375rem;
}

.profile-order .flex-layout .all {
    font-size: 0.75rem;
    color: var(--c9);
}

.profile-list {
    display: flex;
    flex-wrap: wrap;
    font-size: 0.75rem;
    padding: 0.625rem 0;
}

.profile-list li {
    width: 25%;
    padding: 0.625rem 0;
}

.profile-list li a {
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.profile-list .flex-center {
    width: 1.5rem;
    height: 1.25rem;
    margin-bottom: .5rem;
    position: relative;
}

.profile-list span {
    width: 1rem;
    height: 1rem;
    font-size: 0.625rem;
    color: var(--cl);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 1rem;
    background-color: var(--bc);
    position: absolute;
    top: -.5rem;
    right: -.5rem;
}

.profile-lists {
    margin-bottom: 3.75rem;
}

.profile-lists .flex-center {
    height: 1.5rem;
}

/* personal.html */
.set-list {
    font-size: .8rem;
    margin-top: 0.625rem;
}

.set-list li {
    background-color: var(--cl);
    padding: 0 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 3.125rem;
    margin-bottom: 0.625rem;
}

.set-list a {
    display: flex;
    width: 100%;
    align-items: center;
    justify-content: space-between;
    height: 3.125rem;
}

.set-list .flex-center {
    width: 2.5rem;
    height: 2.5rem;
}

.set-list .center {
    flex: 1;
    margin: 0 0.6875rem;
}

/* safetySet.html */
.safety-list {
    font-size: 0.875rem;
}

.safety-list li {
    margin-bottom: 0;
}

/* updPhone.html */
.upd-phone-list {
    padding: 0 0.9375rem;
    font-size: 0.775rem;
    border-top: 0.625rem solid var(--f5);
}

.upd-phone-list li {
    height: 2.5rem;
    display: flex;
    align-items: center;
    margin: 0.65rem 0;
    border-bottom: 1px solid var(--ce);
    justify-content: center;
}

.upd-phone-list p {
    width: 20%;
}

.upd-phone-list input {
    height: 2.5rem;
    flex: 1;
}

.upd-phone-list span {
    width: 5.5rem;
    height: 1.625rem;
    font-size: 0.8125rem;
    color: var(--og);
    border: 1px solid var(--og);
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.upd-save {
    /*margin: 2rem 0.9375rem;*/
    width: calc(100% - 1.875rem);
}

/* myTeam.html */
.my-team-content {
    border-radius: 0.625rem 0.625rem 0 0;
    padding: 0 0.9375rem;
}

.my-team-content .title {
    font-size: 1rem;
    font-weight: 700;
    line-height: 3.125rem;
}

.team-list {
    font-size: 0.75rem;
    color: var(--c9);
}

.team-list li {
    display: flex;
    padding-bottom: 2.5rem;
}

.team-list .flex-center {
    width: 2.625rem;
    height: 2.625rem;
    border-radius: 50%;
    margin-right: .5rem;
    overflow: hidden;
}

.team-list .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.team-list .name {
    display: flex;
    align-items: center;
    font-size: 1rem;
    color: var(--c3);
}

.team-list .name span {
    height: 1rem;
    font-size: 0.625rem;
    color: var(--cl);
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: var(--bc);
    border-radius: 1rem;
    padding: 0 .3rem;
    margin-left: .5rem;
}

/* share.html */
.share-content {
    position: absolute;
    height: 80%;
    bottom: 0;
    width: 100%;
    border-radius: 0.625rem 0.625rem 0 0;
    font-size: 0.875rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.share-content .news {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: -2.5rem;
}

.share-content .news .flex-center {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
    overflow: hidden;
}

.share-content .code {
    width: 13.6875rem;
    height: 13.6875rem;
    margin-bottom: 2.5rem;
}

.share-content .save {
    width: 16.25rem;
    height: 2.5rem;
    margin-top: 1.25rem;
}

/* draw.html */
.draw-list {
    border-top: 0.625rem solid var(--f5);
    font-size: 0.875rem;
    color: var(--c9);
    padding: 0 0.9375rem;
}

.draw-list li {
    height: 2.5rem;
    margin-top: 0.625rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid var(--ce);
}

.draw-list select, .draw-list input, .draw-list p {
    flex: 1;
    height: 100%;
    display: flex;
    align-items: center;
    color: var(--c3);
    margin-left: .5rem;
}

.draw-hint {
    padding: 1.25rem 0.9375rem;
    font-size: 0.75rem;
    color: var(--c9);
}

.save-btn {
    padding: 0.9375rem;
}

.save-rec {
    background: transparent;
    border: 1px solid var(--bc);
    color: var(--bc);
}

/* drawRec.html */
.draw-rec-list {
    border-top: 0.625rem solid var(--ce);
    padding: 0 0.9375rem;
    font-size: 1rem;
}

.draw-rec-list li {
    border-bottom: 1px solid var(--ce);
    padding: 0.625rem 0;
}

.draw-rec-list .status {
    height: 2.5rem;
    color: var(--bc);
    font-size: 0.875rem;
}

.draw-rec-list .rd {
    color: var(--rd);
}

.draw-rec-list .news {
    display: flex;
}

.draw-rec-list .flex-center {
    width: 2.5rem;
    height: 2.5rem;
    border-radius: 50%;
    margin-right: .5rem;
    overflow: hidden;
}

.draw-rec-list .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.draw-rec-list .rgt p {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.draw-rec-list .time {
    font-size: 0.75rem;
    color: var(--c9);
}

.draw-rec-list .reject {
    color: var(--rd);
    font-size: 0.75rem;
    margin-top: 0.625rem;
}

.draw-rec-list .status span {
    font-size: 0.75rem;
    color: var(--c9);
}

/* myCollect.html */
.collect-list {
    margin-top: 0.625rem;
    font-size: 0.8125rem;
    padding: 0 0.9375rem;
    background-color: var(--cl);
}

.collect-list li {
    padding: 0.9375rem 0;
}

.collect-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.collect-list a {
    display: flex;
    align-items: center;
}

.collect-list label img {
    width: 1.25rem;
    margin-right: 0.625rem;
}

.collect-list .flex-center {
    width: 5.625rem;
    height: 5.625rem;
    margin-right: .5rem;
}

.collect-list .rgt {
    flex: 1;
    height: 5.625rem;
    padding: 0.9375rem 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.collect-list .price {
    display: flex;
    align-items: baseline;
    font-size: 0.75rem;
    color: var(--rd);
}

.collect-list .price span {
    font-size: 0.875rem;
}

.collect-footer {
    bottom: 0;
}

/* feedback.html */
.feedback-content {
    padding: 0.9375rem;
    font-size: 0.875rem;
}

.feedback-content textarea {
    width: 100%;
    height: 9.375rem;
    border-radius: .5rem;
    background-color: var(--f5);
    padding: 0.9375rem;
    margin-bottom: 2.5rem;
}

.feedback-imgs {
    width: 100%;
    border-radius: .5rem;
    background-color: var(--f5);
    padding: 0 0.9375rem;
}

.feedback-imgs > p {
    line-height: 2.8125rem;
    border-bottom: 1px solid var(--cc);
}

.feedback-imgs ul {
    display: flex;
    flex-wrap: wrap;
    padding: 1.25rem 0;
}

.feedback-imgs ul li {
    margin-right: 0.625rem;
    margin-bottom: 0.625rem;
    position: relative;
}

.feedback-imgs .flex-center {
    width: 3.5rem;
    height: 3.125rem;
}

.feedback-imgs li > img {
    width: 1.25rem;
    position: absolute;
    top: -0.5rem;
    right: -0.5rem;
}

/* address.html */
.address-list {
    font-size: 0.75rem;
    /*padding-bottom: 3.75rem;*/
    border-top: 0.625rem solid var(--f5);
}

.address-list li {
    background-color: var(--cl);
    border-bottom: 1px solid var(--ce);
}

.address-list .address-only {
    padding: 0.9375rem;
}

.address-list .flex-layout .left {
    font-size: 0.875rem;
    display: flex;
    align-items: center;
}

.address-list .left p {
    width: 2.125rem;
    height: 1rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.6875rem;
    background-color: var(--bc);
    color: var(--cl);
    margin-left: 0.8125rem;
}

.address-list .flex-layout img {
    width: 0.9375rem;
}

.van-button--normal {
    height: 100%;
}

.upd-phone-list .site-prov {
    flex: 1;
    display: flex;
    align-items: center;
}

.upd-phone-list .layui-form-select {
    margin-right: .3rem;
}

.address-default {
    padding: 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: 0.775rem;
    background-color: var(--cl);
}

.layui-form-switch {
    margin-top: 0;
}

.layui-form-onswitch {
    background-color: var(--bc);
    border-color: var(--bc);
}

.upd-phone-list select {
    flex: 1;
    height: 2.5rem;
}

.upd-phone-list .upd-label {
    align-items: inherit;
    height: auto;
    margin: 0.8125rem 0;
}

.upd-label label {
    flex: 1;
}

.upd-label .flex-center {
    width: 5.875rem;
    height: 5.875rem;
}

.van-button--danger {
    background-color: var(--bc);
    border: 1px solid var(--bc);
}

.address-btn {
    padding: 1px 0.9375rem;
    position: fixed;
    bottom: 0;
    width: 100%;
}

/* addAddress.html */
.address-region {
    padding-bottom: 0.625rem;
}

/* myOrder.html */
.my-order-nav {
    display: flex;
    font-size: 0.9375rem;
}

.my-order-nav li {
    flex: 1;
    line-height: 2.5rem;
    text-align: center;
    font-size: .9rem;
}

.my-order-nav .active {
    color: var(--bc);
}

.my-order-list {
    font-size: 0.8125rem;
}

.my-order-list > li {
    margin-top: 0.625rem;
    background-color: var(--cl);
    padding: 0 0.9375rem;
}

.my-order-list .title {
    height: 3.125rem;
    font-size: 0.875rem;
    color: var(--c9);
}

.my-order-list .title .bc {
    color: var(--bc);
}

.my-order-pro li {
    margin-bottom: 0.5625rem;
    display: flex;
}

.my-order-pro li .flex-center {
    width: 5.625rem;
    height: 5.625rem;
    margin-right: 0.625rem;
}

.my-order-pro li div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.9375rem 0;
}

.my-order-pro .price {
    display: flex;
    align-items: baseline;
    font-size: 0.75rem;
    color: var(--bc);
}

.my-order-pro .price span {
    font-size: 0.875rem;
}

.my-order-btn {
    display: flex;
    justify-content: flex-end;
    padding-bottom: 0.9375rem;
}

.my-order-btn .bc {
    width: 5.625rem;
    height: 1.875rem;
    font-size: 0.75rem;
    color: var(--bc);
    border: 1px solid var(--bc);
    margin-left: 0.625rem;
    border-radius: 1rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.my-order-pre {
    padding-bottom: 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-order-pre ul {
    white-space: nowrap;
    overflow: auto;
    flex: 1;
}

.my-order-pre ul li {
    display: inline-block;
}

.my-order-pre li .flex-center {
    width: 5.625rem;
    height: 5.625rem;
    margin-right: 0.625rem;
}

/* detail.html */
.detail-swiepr {
    position: relative;
}

.detail-swiepr .swiper {
    height: 100vw;
}

.detail-swiepr i {
    width: 1rem;
    height: 1rem;
    position: absolute;
    top: .8rem;
    left: .8rem;
    z-index: 9;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--c3);
}

.detail-news {
    background-color: var(--cl);
    border-radius: 0.8125rem 0.8125rem 0 0;
    position: relative;
    top: -0.125rem;
    /*z-index: 9;*/
    padding: 0.9375rem 0.9375rem 0;
    font-size: 0.875rem;
}

.detail-news .price {
    display: flex;
    align-items: baseline;
    font-size: 0.875rem;
    color: var(--bc);
    margin-bottom: 1rem;
}

.detail-news .price span {
    font-size: 1.25rem;
}

.detail-news .old {
    font-size: 0.75rem;
    color: var(--c9);
    text-decoration: line-through;
}

.detail-news .flex-layout {
    height: 2.5rem;
    font-size: 0.75rem;
    color: var(--c9);
}

.detail-spec-form {
    background-color: var(--cl);
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
}

.detail-spec-form li {
    height: 3.0625rem;
    display: flex;
    align-items: center;
}

.detail-spec-form input {
    height: 100%;
    flex: 1;
}

.detail-spec-form li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.detail-spec-form p {
    color: var(--c9);
    width: 15%;
}

.detail-title {
    height: 2.75rem;
    font-size: 0.8125rem;
    color: var(--c6);
}

.detail-title span {
    width: 0.9375rem;
    height: 0.0625rem;
    background-color: var(--cc);
    margin: 0 0.9375rem;
}

.detail-txt {
    font-size: 0.8125rem;
    padding: 0.9375rem;
    background-color: var(--cl);
    padding-bottom: 3.75rem;
}

.detail-footer {
    height: 3.0625rem;
    background-color: var(--cl);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    color: var(--c6);
}

.detail-footer div {
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
}

.detail-footer div img {
    width: 1.25rem;
}

.detail-footer div span {
    font-size: 0.625rem;
    color: var(--cl);
    width: 0.9375rem;
    height: 0.9375rem;
    background-color: var(--bc);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    right: 0;
}

.detail-footer ul, .model-mdl-btn {
    display: flex;
    font-size: 0.875rem;
    color: var(--cl);
    align-content: center;
}

.detail-footer ul img {
    height: 2.25rem;
}

.model-mdl-btn img {
    height: 2.4375rem;
    width: 10.75rem;
}

.detail-footer ul li, .model-mdl-btn li {
    position: relative;
}

.detail-footer li p, .model-mdl-btn p {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.detail-hd {
    background-color: var(--cl);
    height: 2.75rem;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

.detail-hd ul {
    font-size: 0.875rem;
    color: var(--c6);
    display: flex;
}

.detail-hd ul li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 1rem;
}

.detail-hd div {
    line-height: 2.25rem;
}

.detail-hd p {
    width: 1.125rem;
    height: 0.25rem;
    border-radius: 0.1875rem;
    background-color: transparent;
}

.detail-hd .active {
    color: var(--c3);
    font-size: 1.0625rem;
}

.detail-hd .active p:last-child {
    background-color: var(--bc);
}

.detail-hd i {
    position: absolute;
    left: 0;
    width: 2.75rem;
    height: 2.75rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.detail-mdl {
    background-color: var(--cl);
    border-radius: 0.9375rem 0.9375rem 0 0;
    padding: 0 0.9375rem 1rem;
    font-size: 0.8125rem;
    position: fixed;
    bottom: 0;
    width: 100%;
}

.detail-mdl-pro {
    display: flex;
    align-items: end;
    position: relative;
    top: -1.875rem;
}

.detail-mdl-pro .flex-center {
    width: 5.875rem;
    height: 5.875rem;
    border-radius: 0.625rem;
    overflow: hidden;
    margin-right: .5rem;
}

.detail-mdl-pro .rgt {
    flex: 1;
    font-size: 0.75rem;
    color: var(--c9);
    padding-bottom: .5rem;
    position: relative;
}

.detail-mdl-pro .rgt .price {
    color: var(--bc);
    display: flex;
    align-items: baseline;
}

.detail-mdl-pro .rgt .price span {
    font-size: 1.125rem;
}

.detail-mdl .cancel {
    position: absolute;
    width: 1.1875rem;
    top: 0;
    right: 0;
}

.detail-mdl-spec {
    font-weight: 700;
    position: relative;
    top: -0.625rem;
    max-height: 30vh;
    overflow: auto;
}

.detail-mdl-spec ul {
    margin-top: .5rem;
    font-weight: 400;
    color: var(--c6);
    display: flex;
    flex-wrap: wrap;
}

.detail-mdl-spec ul li {
    min-width: 5.375rem;
    height: 1.875rem;
    background-color: var(--f5);
    border-radius: 1rem;
    padding: 0 .3rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: .5rem;
    margin-bottom: .5rem;
}

.model-mdl-stepper {
    font-weight: 700;
    margin-bottom: 1rem;
}

.model-mdl-stepper div {
    display: flex;
    align-items: center;
    font-weight: 400;
}

.model-mdl-stepper div p {
    width: 1.4375rem;
    height: 1.4375rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.model-mdl-stepper div input {
    width: 2.75rem;
    height: 1.4375rem;
    font-size: 0.875rem;
    background-color: var(--f5);
    border-radius: 0.25rem;
    text-align: center;
}

/* orderDet.html */
.order-hd-bgc {
    background-color: var(--bc);
    color: var(--cl);
}

.order-det-status {
    padding: 0.9375rem;
    font-size: 0.875rem;
    color: var(--cl);
    background-color: var(--bc);
    margin-bottom: 0.625rem;
}

.order-det-status .time {
    font-size: 0.625rem;
}

.order-det-form {
    padding: 0.625rem 0.9375rem;
    font-size: 0.75rem;
    color: var(--c9);
    margin-bottom: 3.125rem;
}

.order-det-form li {
    line-height: 1.6875rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.order-det-form img {
    width: 1.25rem;
    margin-left: .5rem;
}

.orderDet-footer {
    height: 3.0625rem;
    background-color: var(--cl);
    padding: 0 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    position: fixed;
    bottom: 0;
    width: 100%;
    box-shadow: 0px 0px 10px 1px rgba(0, 0, 0, 0.08);
}

.orderDet-footer .flex-center {
    width: 5.3125rem;
    height: 1.875rem;
    border-radius: 1rem;
    font-size: 0.875rem;
    border: 1px solid var(--cc);
    margin-left: .5rem;
}

.orderDet-footer .bc {
    border: 1px solid var(--bc);
    color: var(--bc);
}

.order-det-mdl {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: var(--cl);
    border-radius: 0.625rem;
    width: 15.25rem;
    font-size: 0.9375rem;
}

.order-det-mdl p {
    padding: 1.875rem 0;
    text-align: center;
}

.order-det-mdl ul {
    display: flex;
    border-top: 1px solid var(--ce);
}

.order-det-mdl ul li {
    height: 2.75rem;
    color: var(--c9);
    display: flex;
    align-items: center;
    justify-content: center;
    flex: 1;
}

.order-det-mdl ul li:last-child {
    color: var(--bc);
    border-left: 1px solid var(--ce);
}

/* logistics.html */
.logistics-pro {
    border-radius: 0.625rem;
    margin: 0.625rem 0;
    display: flex;
    padding: 0.9375rem;
}

.logistics-pro .flex-center {
    width: 5rem;
    height: 5rem;
    border-radius: 0.625rem 0 0 0.625rem;
    overflow: hidden;
}

.logistics-pro .rgt {
    flex: 1;
    padding: 0 0.9375rem;
    font-size: 0.875rem;
    color: var(--c9);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.logistics-pro .rgt .bc {
    color: var(--bc);
}

.layui-timeline {
    padding: 0.9375rem;
    color: var(--c9);
}

.layui-timeline-content {
    color: var(--c9);
}

.layui-timeline .active, .active .layui-timeline-content {
    color: var(--c3);
}

.layui-timeline .flex-center {
    width: 1.1875rem;
    height: 1.1875rem;
    z-index: 1;
}

.layui-timeline-content {
    flex: 1;
    padding-left: .8125rem;
    font-size: 0.6875rem;
}

.layui-timeline-content .title {
    font-size: 0.8125rem;
}

.layui-timeline-item {
    display: flex;
}

.layui-timeline .time {
    font-size: 0.75rem;
    width: 13%;
}

.layui-timeline .active .time {
    font-size: 0.875rem;
}

.layui-timeline .active .layui-timeline-content {
    font-size: 0.8125rem;
}

.layui-timeline .active .title {
    font-size: 0.9375rem;
}

.layui-timeline-item:before {
    left: .6rem;
}

/* issueEvaluate.html */
.issue-content {
    margin: 0.625rem 0;
    padding: 0.9375rem;
    font-size: 0.8125rem;
}

.issue-pro li {
    margin-bottom: 0.625rem;
    display: flex;
}

.issue-pro .flex-center {
    width: 5rem;
    height: 5rem;
    margin-right: 0.625rem;
}

.issue-pro div {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.9375rem 0;
}

.issue-pro .price {
    display: flex;
    align-items: baseline;
    color: var(--rd);
    font-size: 0.75rem;
}

.issue-pro .price span {
    font-size: 0.875rem;
}

.issue-score {
    display: flex;
    align-items: center;
}

.issue-score img {
    width: 0.875rem;
    margin-left: 0.0625rem;
}

.issue-txt {
    background-color: var(--f5);
    border-radius: .5rem;
    padding: 0.9375rem;
    font-size: 0.75rem;
    margin-top: 0.625rem;
}

.issue-txt textarea {
    width: 100%;
    height: 6.875rem;
    background-color: transparent;
}

.issue-txt ul {
    display: flex;
    flex-wrap: wrap;
}

.issue-txt ul li {
    width: 3.75rem;
    height: 3.75rem;
    margin-top: 0.625rem;
    margin-right: 0.625rem;
    position: relative;
}

.issue-txt .cancel {
    width: 0.875rem;
    position: absolute;
    top: -.4rem;
    right: -.4rem;
}

.issue-list {
    padding: 0.625rem 0.9375rem;
    font-size: 0.8125rem;
}

.issue-list li {
    display: flex;
    align-items: center;
}

.issue-list li:not(:last-child) {
    margin-bottom: 0.625rem;
}

.issue-list img {
    width: 0.875rem;
    margin-left: 0.0625rem;
}

.save-issue {
    width: calc(100% - 1.875rem);
    margin: 2rem 0.9375rem;
}

.complaint-list {
    margin-top: 0.8125rem;
    font-size: 0.8125rem;
}

.complaint-list > li {
    background-color: var(--cl);
    padding-bottom: 1rem;
}

.complaint-list .flex-layout {
    height: 2.4375rem;
    font-size: 0.75rem;
    color: #666;
    padding: 0 0.9375rem;
    background: #E5E8EC;
}

.complaint-list .flex-layout span {
    color: var(--bc);
    font-size: 0.875rem;
}

.complaint-list .content {
    padding: 1rem 1rem 0;
}

.complaint-imgs {
    padding: 0.4375rem 0.875rem 0;
    display: flex;
    flex-wrap: wrap;
}

.complaint-imgs li {
    width: 5.0625rem;
    height: 5.0625rem;
    border-radius: 0.625rem;
    margin-top: 0.4375rem;
}

.complaint-imgs li:not(:nth-child(4n)) {
    margin-right: 0.4375rem;
}

.complaint-list .reply {
    margin: 0.9375rem 0.9375rem 0;
    border-radius: 0.625rem;
    background-color: var(--f5);
    padding: 0.8125rem;
    font-size: 0.8125rem;
    color: #666;
}

.complaint-list .reply div {
    font-size: 0.75rem;
}

/* myComplain.html */
.my-complain {
    padding: 0.875rem;
}

.my-complain textarea {
    width: 100%;
    height: 12.5rem;
    font-size: 0.875rem;
}

.my-complain ul {
    display: flex;
    flex-wrap: wrap;
}

.my-complain li {
    position: relative;
    margin-bottom: .5rem;
}

.my-complain li:not(:nth-child(4n)) {
    margin-right: 0.4375rem;
}

.my-complain img {
    width: 5.0625rem;
    height: 5.0625rem;
}

.my-complain .cancel {
    width: 1.3125rem;
    height: 1.3125rem;
    position: absolute;
    top: 0;
    left: 0;
}

/* classify.html */
.classify-nav {
    height: 5.25rem;
    font-size: 0.75rem;
}

.classify-nav .left {
    /*width: calc(100% - 2.5rem);*/
    width: 100%;
    overflow: auto;
}

.classify-nav .active {
    color: #FF2825 !important;
}

.classify-nav .active .flex-center {
    border: 1px solid #FF2825;
}

.classify-nav ul {
    display: flex;
    height: 100%;
    align-items: center;
    width: fit-content;
}

.classify-nav li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 4.375rem;
}

.classify-nav li .flex-center {
    width: 2.6875rem;
    height: 2.6875rem;
    border-radius: 50%;
    overflow: hidden;
    margin-bottom: .2rem;
}

.classify-nav .rgt {
    overflow: auto;
    width: 2.375rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: 0.8125rem;
    height: 100%;
    box-shadow: -0.125rem -0.25rem 0.25rem 0 rgba(0, 0, 0, .1);
}

.classify-nav .rgt .flex-center {
    width: 0.6875rem;
}

.classify-content {
    display: flex;
    height: calc(100vh - 11.125rem);
    /*padding: .5rem;*/
}

.classify-content .left {
    height: 100%;
    overflow: auto;
    font-size: 0.875rem;
    width: 30%;
}

.classify-content .left li {
    height: 3rem;
    width: 100%;
    display: flex;
    align-items: center;
}

.classify-content .left .active {
    background-color: var(--cl);
    color: var(--bc);
}

.classify-content .left span {
    width: 0.1875rem;
    height: 1.25rem;
    background-color: transparent;
    border-radius: .5rem;
    margin-right: 0.5rem;
}

.classify-content .left .active span {
    background-color: var(--bc);
}

.classify-content .right {
    width: 100%;
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    height: 100%;
    overflow: auto;
    background-color: var(--cl);
}

.classify-content .right a {
    display: flex;
    align-items: center;
}

.classify-content .right .flex-center {
    width: 4.625rem;
    height: 4.625rem;
    border-radius: 0.625rem;
    margin-right: .5rem;
    overflow: hidden;
}

.classify-content .right .rgt {
    flex: 1;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 0.9375rem 0;
    height: 6.5rem;
    border-bottom: 1px solid var(--ce);
}

.classify-content .right .rgt img {
    width: 1.5rem;
}

.classify-content .old-price {
    font-size: 0.6875rem;
    color: var(--c9);
    text-decoration: line-through;
}

.classify-content .price {
    color: var(--bc);
    display: flex;
    align-items: baseline;
}

.classify-content .price span {
    font-size: 0.9375rem;
}


/* submitOrder.html */
.submit-container {
    position: relative;
}

.submit-content {
    position: absolute;
    top: 0;
    width: 100%;
    padding-bottom: 3.0625rem;
}

.submit-hd {
    height: 2.75rem;
    color: var(--cl);
    font-size: 0.9375rem;
    font-weight: 700;
    position: relative;
}

.submit-hd i,.submit-hd span {
    width: 2.75rem;
    height: 2.75rem;
    position: absolute;
    left: 0;
    display: flex;
    align-items: center;
    justify-content: center;
}

.submit-site {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin: 0.9375rem;
    padding: 1rem 0.8125rem;
    font-size: 0.8125rem;
}

.submit-site div div {
    display: flex;
    align-items: center;
    font-size: 0.875rem;
}

.submit-site img {
    width: 0.6875rem;
    margin-right: 0.625rem;
}

.submit-pro {
    margin: 0.8125rem 0.9375rem;
    background-color: var(--cl);
    border-radius: 0.625rem;
    padding: 0 0.8125rem;
}

.submit-pro-list li {
    font-size: 0.75rem;
    display: flex;
    padding: 0.8125rem 0;
    border-bottom: 1px solid var(--ce);
}

.submit-pro-list .flex-center {
    width: 4.9375rem;
    height: 4.9375rem;
    border-radius: 0.625rem;
    margin-right: 0.625rem;
    overflow: hidden;
}

.submit-pro-list .center {
    flex: 1;
}

.submit-pro-list .spec {
    font-size: 0.6875rem;
    color: var(--c9);
}

.submit-pro-list .rgt {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    font-size: 0.75rem;
    color: var(--c9);
}

.submit-pro-list .rgt .price {
    color: var(--bc);
    display: flex;
    align-items: baseline;
}

.submit-pro-list .rgt .price span {
    font-size: 0.875rem;
}

.submit-pro-form {
    font-size: 0.875rem;
}

.submit-pro-form li {
    height: 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.submit-pro-form input {
    flex: 1;
    height: 100%;
    text-align: right;
}

.submit-footer {
    height: 3.0625rem;
    background-color: var(--cl);
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 0 0.9375rem;
    font-size: 0.75rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.submit-footer div {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.submit-footer span {
    font-size: 0.9375rem;
    color: var(--bc);
}

.submit-footer .freight {
    font-size: 0.6875rem;
    color: var(--c9);
}

.submit-footer .freight span {
    color: var(--c3);
    font-size: 0.75rem;
}

.submit-footer > p {
    width: 5.9375rem;
    height: 2.25rem;
    border-radius: 1.3rem;
    background: var(--bc);
    font-size: 0.875rem;
    color: var(--cl);
    margin-left: 0.8125rem;
}

/* pay.html */
.pay-news {
    height: 10.75rem;
    flex-direction: column;
    font-size: 0.75rem;
    color: var(--c9);
}

.pay-news > p {
    line-height: 0.75rem;
}

.pay-news div {
    display: flex;
    align-items: baseline;
    font-size: 1rem;
    color: var(--c3);
    margin: 0.75rem 0 1rem;
    line-height: 1.3125rem;
}

.pay-news div span {
    font-size: 1.6875rem;
}

.pay-list {
    margin: 0 0.9375rem;
    padding: 0 0.9375rem;
    border-radius: 0.625rem;
    background-color: var(--cl);
    font-size: 0.875rem;
}

.pay-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.pay-list li .center {
    flex: 1;
    margin: 0 0.625rem;
}

.pay-list .flex-center {
    width: 1.3125rem;
    height: 1.3125rem;
}

.pay-list li .check {
    width: 1.1875rem;
}

.pay-list label {
    display: flex;
    height: 3.625rem;
    align-items: center;
}

.pay-mdl-news {
    padding: 0.875rem 1.3125rem;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.pay-mdl-news div {
    font-size: 0.875rem;
    font-weight: 700;
}

.pay-mdl-news p {
    font-size: 0.625rem;
    color: var(--c9);
}

.pay-mdl-news .price {
    font-size: 0.6875rem;
    color: var(--rd);
    font-weight: 700;
    margin-top: 1.4375rem;
}

.pay-mdl-news .price span {
    font-size: 1.0625rem;
}

.pay-mdl-news input {
    width: 100%;
    font-size: 0.75rem;
    height: 2.25rem;
    padding: 0 0.8125rem;
    border: 1px solid var(--cc);
    border-radius: .2rem;
    margin: 1rem 0;
}

.pay-mdl-news .btn {
    background: var(--bc);
    border-radius: 1.375rem;
    color: var(--cl);
    font-size: 0.875rem;
    display: flex;
    align-items: center;
    height: 2.625rem;
    justify-content: center;
    margin: 1.375rem;
    width: calc(100% - 1.875rem);
}


/* recharge.html */
.recharge-price {
    margin: 0.625rem 0.625rem 0;
    position: relative;
}

.recharge-price div {
    color: var(--cl);
    font-size: 0.75rem;
    position: absolute;
    left: 1.5rem;
    top: 50%;
    transform: translateY(-50%);
}

.recharge-price .num {
    display: flex;
    align-items: baseline;
    font-size: 1.0625rem;
    margin-top: .2rem;
}

.recharge-price .num span {
    font-size: 1.5rem;
}

.recharge-title {
    line-height: 2.5rem;
    padding: 0 0.9375rem;
    font-size: 0.9375rem;
}

.recharge-nav {
    font-size: 0.875rem;
    /*margin: 0 0.9375rem;*/
}

.recharge-nav li {
    width: 6.1875rem;
    height: 5rem;
    border-radius: 0.625rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: var(--f5);
    position: relative;
}

.recharge-nav .flex-center {
    width: 1.25rem;
    height: 1.25rem;
    margin-bottom: .2rem;
}

.recharge-nav li > img {
    width: 1.25rem;
    position: absolute;
    top: 0;
    left: 0;
}

.recharge-nav .active {
    background-color: var(--bc2);
    border: 1px solid var(--bc);
    color: var(--bc);
}

.check-img {
    display: none;
}

.recharge-imgs {
    margin: 0.9375rem 0 0;
    border-radius: 0.625rem;
    background-color: var(--bc2);
    flex-direction: column;
    font-size: 0.8125rem;
    padding: 0.9375rem 0;
}

.recharge-imgs .flex-center {
    width: 8.5rem;
    height: 8.5rem;
    margin-bottom: .5rem;
}

.recharge-bank {
    margin: 0.9375rem 0.9375rem 0;
    border-radius: 0.625rem;
    background-color: var(--bc2);
    padding: 0.9375rem;
    font-size: 1rem;
    display: none;
}

.recharge-bank div {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
}

.recharge-bank .flex-center {
    width: 1.25rem;
    height: 1.25rem;
    margin-right: .5rem;
}

.recharge-acc-list {
    padding: 0 0.9375rem;
    font-size: 0.8125rem;
}

.recharge-acc-list li {
    padding: 0.9375rem 0 0;
}

.recharge-acc-list li:not(:last-child) {
    border-bottom: 1px solid var(--ce);
}

.recharge-acc-list div {
    height: 2.5rem;
    display: flex;
    align-items: center;
    font-size: 1.125rem;
}

.recharge-acc-list div input {
    font-size: 0.9375rem;
    flex: 1;
    height: 100%;
}

.recharge-acc-list label {
    width: 5.875rem;
    height: 5.875rem;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 0.9375rem 0;
}

/* myWallet.html */
.my-wallet-list {
    margin: 0.8125rem 0.9375rem;
    font-size: 0.875rem;
    color: var(--c9);
}

.my-wallet-list li {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin-top: 10px;
}

.my-wallet-list a {
    padding: 1.125rem 0.9375rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.my-wallet-list .price {
    font-size: 0.9375rem;
    color: var(--c3);
    display: flex;
    align-items: baseline;
    margin-top: 0.8125rem;
    line-height: 0.8125rem;
    font-weight: 700;
}

.my-wallet-list .price span {
    font-size: 1.4375rem;
}

.my-wallet-list .det {
    font-size: 0.875rem;
    color: var(--bc);
    display: flex;
    align-items: center;
}

/* myWalletDet.html */
.wallet-det {
    background-color: var(--cl);
    border-radius: 0.625rem;
    margin: 0.9375rem;
    height: 6.625rem;
    flex-direction: column;
    font-size: 1.125rem;
}

.wallet-det div {
    font-size: 0.75rem;
    color: var(--c9);
    line-height: 0.75rem;
}

.wallet-det p {
    display: flex;
    align-items: baseline;
    line-height: 1.3125rem;
    margin-top: 1.0625rem;
    font-weight: bold;
}

.wallet-det p span {
    font-size: 1.6875rem;
}

.wallet-det-content {
    background-color: var(--cl);
    font-size: 0.9375rem;
}

.wallet-det-content .title {
    line-height: 2.625rem;
    padding: 0 0.9375rem;
    font-weight: bold;
    border-bottom: 1px solid var(--ce);
}

.wallet-det-content ul {
    padding: 0 0.9375rem;
}

.wallet-det-content li {
    padding: 0.9375rem 0;
    border-bottom: 1px solid var(--ce);
}

.wallet-det-content ul p {
    line-height: 0.9375rem;
}

.wallet-det-content ul div {
    font-size: 0.6875rem;
    color: var(--c9);
    line-height: 0.6875rem;
    margin-top: 0.625rem;
}

.layui-flow-more {
    padding: .2rem;
}

/* login.html */
.login-container {
    position: relative;
}

.login-content {
    position: absolute;
    top: 30%;
    width: calc(100% - 4.375rem);
    left: 2.1875rem;
    font-size: 1.3125rem;
}

.login-list {
    font-size: 0.8125rem;
    padding-top: 1.25rem;
}

.login-list li {
    margin-top: 2.0625rem;
    border-bottom: 1px solid var(--ce);
}

.login-list li p {
    font-weight: 700;
}

.login-list li div {
    display: flex;
    align-items: center;
    height: 2.5rem;
}

.login-list li input {
    height: 100%;
    flex: 1;
    font-size: 0.9375rem;
}

.forget-psd {
    height: 3rem;
    font-size: 0.8125rem;
    color: var(--c6);
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.login-agr, .login-number {
    font-size: 0.8125rem;
    color: var(--c9);
}

.login-agr span {
    color: var(--og);
}

.login-number {
    padding-bottom: 1rem;
}

.login-number a {
    color: var(--bc);
}

/*.save {*/
/*    margin: 0.8125rem 0;*/
/*    !*width: 100%;*!*/
/*}*/

/* forget.html */
.forget-hd {
    position: absolute;
    top: 0;
    width: 100%;
    color: var(--c3);

}

.forget-content {
    top: 10%;
}

.forget-content .login-list {
    padding-bottom: 1rem;
}

.login-list .code {
    color: var(--og);
    width: 30%;
    text-align: center;
    border-left: 1px solid var(--og);
    font-size: 0.875rem;
}

/* register.html */
.register-content {
    top: 1.25rem;
}

.register-content .login-list li {
    margin-top: 1.5625rem;
}

.register-agr {
    display: flex;
    align-items: center;
    font-size: 0.8125rem;
    color: var(--c9);
    padding: 2rem 1rem 0;
}

.register-agr img {
    width: 0.8125rem;
    margin-right: 0.625rem;
}

.register-agr span a {
    color: red;
}

.recharge-record-list li{
    padding: .7rem;
    background-color: #fff;
    margin: .7rem;
    border-radius: .5rem;
}
.record-bgc{
    background-color: var(--f5);
}

/* noticeDet.html */
.notice-det {
    font-size: 0.8125rem;
    padding: 1.5625rem 0.9375rem;
    word-wrap:break-word
}
.notice-det .title {
    font-size: 1.125rem;
    line-height: 1.0625rem;
}
.notice-det .time {
    font-size: 0.75rem;
    color: var(--c9);
    line-height: 0.6875rem;
    margin: 0.8125rem 0 2.375rem;
}
